
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title></title>
</head>
<style type="text/css">
body{
overflow-x:hidden;
}
img{
width: 100%;
display: block;
}
#dateStr{
width:100%;
text-align:center;
position: absolute;
top: 70%;
font-weight: bolder;
font-size: -webkit-xxx-large;
}

#name{
width:100%;
text-align:center;
position: absolute;
top: 80%;
font-size: smaller;
}
#sid{
width:100%;
text-align:center;
position: absolute;
top: 85%;
font-size: smaller;
}
#college{
width:100%;
text-align:center;
position: absolute;
top: 90%;
font-size: smaller;
}
   
</style>
<body>

<img src="CHU.jpg" style="width:100%;height:auto">
<div id="dateStr" style=""></div>

<div id="name">王一博</div>
<div id="sid">403219456</div>
<div id="college">信息学院</div>


</body>
<script>

function getLangDate(){
	var datetime = new Date();
	var hour = datetime.getHours();
	var min = datetime.getMinutes();
	var sec = datetime.getSeconds();
	
	if(hour < 10)
            hour += "0";
	if(min < 10)
            min += "0";
	if(sec < 10)
            sec += "0";
	var inhtml= hour+":"+min+":"+sec;
	document.getElementById("dateStr").innerHTML = inhtml;

	setTimeout("getLangDate()",1000);//每隔1秒重新调用一次该函数
}
getLangDate();

</script>
</html>
